body {
  overflow-x: hidden;
}
body, div, span, a, p {
  box-sizing: border-box;
}
a, button, .button {
  //background: rgba(33, 36, 67, 1);
  cursor: pointer;
  &:active {
    transform: scale(.95);
  }
}
.pointer {
    cursor: pointer;
}

.t_sm {
    font-size: var(--t-sm);
    line-height: var(--t-sm);
}

.t_md {
    font-size: var(--t-md);
    line-height: var(--t-md);
}

.t-lg {
    font-size: var(--t-lg);
    line-height: var(--t-lg);
}

.t-xl {
    font-size: var(--t-xl);
    line-height: var(--t-xl);
}

.t-xxl {
    font-size: var(--t-xxl);
    line-height: var(--t-xxl);
}

.weight_5 {
    font-weight: 500;
}

.weight-6 {
    font-weight: 600;
}

.weight-7 {
    font-weight: 700;
}

.vertical {
    display: flex;
    flex-direction: column;
}
// 渐变文字
.gradient_txt {
  //color: #5971FF;
  background-image: linear-gradient(180deg, #5567FF 0%, #9E1EFF 100%);
  color: #9E1EFF; // 兜底颜色，防止文字裁剪不生效
  background-clip: text;
  -webkit-background-clip: text; // 背景被裁减为文字的前景色
  -webkit-text-fill-color: transparent; // 文字填充为透明，优先级比color高。
}
// 公共按钮颜色
.button_color {
  width: 120px;
  height: 40px;
  border-radius: 8px;
  background: linear-gradient(180deg, #5A6CFF 0%, #7E1CFF 100%) !important;
}
// 向右箭头
.right_arrow {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transform: rotate(135deg)
}
// 公共背景色
.bg_color {
  background: rgba(20, 23, 58, 1);
  border-radius: 16px;
  border: 1px solid rgba(38, 41, 76, 1);
}

//.flex {
//    display: flex;
//}
//
//.center {
//    display: flex;
//    justify-content: center;
//    align-items: center;
//}
//
//.center_start {
//    display: flex;
//    justify-content: center;
//    align-items: flex-start;
//}
//
//.center_end {
//    display: flex;
//    justify-content: center;
//    align-items: flex-end;
//}
//
///*
//* flex: justify: space-between
//*/
//.between_center {
//    display: flex;
//    justify-content: space-between;
//    align-items: center;
//}
//
//.between_start {
//    display: flex;
//    justify-content: space-between;
//    align-items: flex-start;
//}
//
//.between_end {
//    display: flex;
//    justify-content: space-between;
//    align-items: flex-end;
//}
//
///*
//* flex: justify: space-around
//*/
//.around_center {
//    display: flex;
//    justify-content: space-around;
//    align-items: center;
//}
//
//.around_start {
//    display: flex;
//    justify-content: space-around;
//    align-items: flex-start;
//}
//
//.around_end {
//    display: flex;
//    justify-content: space-around;
//    align-items: flex-end;
//}
//
///*
//* flex: justify: flex-start
//*/
//.start_center {
//    display: flex;
//    justify-content: flex-start;
//    align-items: center;
//}
//
//.start_start {
//    display: flex;
//    justify-content: flex-start;
//    align-items: flex-start;
//}
//
//.start_end {
//    display: flex;
//    justify-content: flex-start;
//    align-items: flex-end;
//}
//
///*
//* flex: justify: flex-end
//*/
//.end_center {
//    display: flex;
//    justify-content: flex-end;
//    align-items: center;
//}
//
//.end_start {
//    display: flex;
//    justify-content: flex-end;
//    align-items: flex-start;
//}
//
//.end_end {
//    display: flex;
//    justify-content: flex-end;
//    align-items: flex-end;
//}


.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.w_full {
    width: 100%;
}

.form_card {
    width: 494px !important;
    padding: 0;
    border-radius: 14px;
    //border: solid 1.4px var(--c-border-1);
    background: var(--c-bg-2);
}
// 无数据
.nodata {
  text-align: center;
  padding: 60px 0 10px 0;

  img {
    width: 200px;
  }

  div {
    opacity: 0.6;
    margin-top: 12px;
  }
}
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
